<template>
<!--  -->
    <div id="app">
       <li v-for="item in ToDoItems" :key="item.id">
     <Item :label="item.label" :done="item.done"></Item>
        </li> 
            
    </div>
</template>
<script>
import Item from './components/Item.vue';

export default{
    name:'app',
    components:{
        Item
    },
    data(){
        return {
            ToDoItems:[
                {label:'learn Vue',done:false},
                {label:' Vue',done:false}
            ]
        }
    }
}
</script>